﻿@model Mvc4.Areas.Admin.Models.SiteSetFile

@{
    ViewBag.Title = "New Site";    
}

<div style="width: 100%; float:left; position:relative; top: 60px; margin-left: 60px; margin-bottom: 60px;"> 
    <h2 class="blue-font-title" style="margin-left: 0;">Create New Site</h2>

    @using (Html.BeginForm("Create", "Site", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true)

        <fieldset>
            <legend>New Site</legend>        

            <div class="editor-label">
                @Html.Label("Site Name")
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name)
            </div>

            <div class="editor-label">
                @Html.Label("Site Description")
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(model => model.GoodType)
                @Html.ValidationMessageFor(model => model.GoodType)
            </div>

            <div class="editor-label">
                @Html.Label("Site Administrator")
            </div>
            <div class="editor-field">
                @Html.DropDownListFor(model => model.AdminId, new SelectList(ViewBag.AdminList))
                @Html.ValidationMessageFor(model => model.AdminId)
            </div>

            <div class="editor-label">
                @Html.Label("Site Logo")
            </div>

            <div class="editor-field">
                @Html.TextBoxFor(model => model.File, new { type = "file" })
                @Html.ValidationMessageFor(model => model.File)
            </div>
        
            <div class="editor-label">
            @Html.Label("Button Primary Color") 
            </div>

            <div class="editor-field">
                <input class="color" id="btnPrimaryColor">
            </div>
            <div class="editor-label">
                @Html.Label("Button Secondary Color") 
            </div>

            <div class="editor-field">
                <input class="color" id="btnSecondaryColor">
            </div>
            <div class="editor-label">
                @Html.Label("Button Effects Color")  
            </div>

            <div class="editor-field">
                <input class="color" id="btnOverColor">
            </div>
        
            <div class="editor-label">
                @Html.Label("Button Effects Background Color")  
            </div>

            <div class="editor-field">
                <input class="color" id="btnOverBackg">
            </div>

            <div class="editor-label">
                @Html.Label("Text Font Color")  
            </div>
            <div class="editor-field">
                <input class="color" id="fontTextColor">
            </div>

            <div class="editor-label">
                @Html.Label("Text Font Family")
            </div>
            <div class="editor-field">
                @Html.DropDownListFor(model => model.FontTextFamily, new SelectList(@ViewBag.FontType,"Key", "Value"))        
            </div>

            <div class="editor-label">
                @Html.Label("Text Font Hover Color")
            </div>
            <div class="editor-field">
                <input class="color" id="fontTextOverColor">
            </div>

            <div class="editor-label">
                @Html.Label("Title Font Color")
            </div>
            <div class="editor-field">
                <input class="color" id="fontTitleColor">
            </div>

            <div class="editor-label">
                @Html.Label("Title Font Family")
            </div>
            <div class="editor-field">
                @Html.DropDownListFor(model => model.FontTitleFamily, new SelectList(@ViewBag.FontType,"Key", "Value"))        
            </div>

            <div class="editor-label">
                @Html.Label("Title Font Hover Color")
            </div>
            <div class="editor-field">
                <input class="color" id="fontTitleOverColor">
            </div> 

            <div class="editor-label">
                @Html.Label("Carousel Caption Color")
            </div>
            <div class="editor-field">
                @Html.TextBoxFor(model => model.CarouselCaptionColor  , new { @class = "color" })
            </div> 
           @* <div class="editor-label">
              @Html.Label("Calendar Image") 
              </div>
             <div class="editor-field">
                DropDown de las imaganes
                  <input  id="imgCalendar">
            </div>  *@   

             <p>
                <input  class="btn btn-primary" type="submit" value="Create" />
            </p>
        </fieldset>
    }

    <div>
        <p class="blue-font not-transform-text">
            @Html.ActionLink("Back to List", "Index")
        </p>
    </div>
</div>

@section Scripts {    
    <script src="~/Scripts/jscolor/jscolor.js"></script>
}
